<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios入门案例</title>
	</head>
	<body>
		
		<h1>远程Ajax测试</h1>
		<script src="../js/axios.js"></script>
		<script>
			axios.get("http://localhost:8080/getUser")
					 .then(function(result){
						 //注意:要想获取服务器数据,使用data属性
						 console.log(result)
						 console.log(result.data)
					 })
					 
			/* 带参数的数据传递 通过?号传递数据*/
			axios.get("http://localhost:8080/getUserById?id=100")
					 .then(function(result){
						 console.log(result.data)
					 })
					 
			/* 带参数的数据传递 restFul风格*/
			axios.get("http://localhost:8080/user/100")
					 .then(function(result){
						 console.log(result.data)
					 })
					 
			/* 带参数的数据传递 params对象方式*/
			axios.get("http://localhost:8080/params",{
				params : {
					id: 100
				}
			}).then(function(result){
						 console.log(result.data)
			})
			
			/* get传值方式与delete方式一致 */
			
			/* POST方式传参-对象形式 */
			axios.post("http://localhost:8080/addUser",{
				id: 100,
				name: 'tomcat'
			}).then(result => {
				console.log(result.data)
			})
			
			
			/* post形式 restFul方式提交 */
			axios.post("http://localhost:8080/user/100/tomcat")
					 .then(result => {
				console.log(result.data)
			})
			
			/* post形式 form表单对象写法 */
			var params = new URLSearchParams()
			params.append("id","399")
			params.append("name","tomcat猫")
			
			axios.post("http://localhost:8080/userURL",params)
					 .then(result => {
				console.log(result.data)
			})
			
			
		</script>
	</body>
</html>
